<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			{{msg}}<br>
			
			<!--函数的调用,必须用Vue的事件来调用-->
			{{say()}}
			
		<hr >
		
		<button @click="whatColor('blue')">hahaha</button>
		<button @click="whatColor('red')">zhang</button>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				msg:"hello VueJs"
			},
			methods:{  //所有的函数必须在这里定义
			//函数的声明
			say:function(){
				alert("say hi");
		    console.log("say method");
			},
			whatColor:function(color){
				// return color;
			   alert("vue"+color);
			}
			}
		});
	</script>
</html>
